<style type="text/css">
    .album-index-content{
        margin: 20px auto;
    }
    .album-index-item{
        float: left;
        text-align: center;
        align-items: center;
        margin: 2px;
        cursor:pointer;
        padding: 10px;
        border-radius: 10px;
    }
    .album-index-item:hover{
        border: 2px groove #333333;
        border-radius: 10px;
        padding: 5px;
    }
    .album-index-item-select{
        border: 1px groove #333333;
        border-radius: 10px;
        padding: 5px;
    }
    .album-index-item img{
        display: block;
    }
    .album-item-text{
        display: block;
    }
    .layui-flow-more{
        position: absolute;
        bottom: 10px;
        left: 45%;
    }
</style>

<div id="album_index_div" style="padding: 50px;margin: auto">
    <div style="margin:20px 0;">
        <button id="album_index_add" class="layui-btn">添加</button>
        <button id="album_index_info" class="layui-btn">查看</button>
        <button id="album_index_update" class="layui-btn">修改</button>
        <button id="album_index_delete" class="layui-btn layui-btn-danger">删除</button>
        <div class="album-index-content" id="album_index_content"></div>
    </div>

    <script type="text/javascript" th:src="@{/static/js/album.js}"></script>
    <script type="text/javascript">
        $(function () {
            layui.use(['layer','laytpl','flow'], function() {
                album_index_js.layer = layui.layer;
                album_index_js.flow = layui.flow;
                album_index_js.laytpl = layui.laytpl;
                album_index_js.btn_init();
                album_index_js.flow_init();
            });
        });
    </script>
</div>
